* {
  padding: 0;
  margin: 0;
}
ul {
  list-style: none;
}
body {
  font-size: 0.1823rem;
  max-width: 768px;
  min-width: 320px;
  margin: 0 auto;
  height: 500px;
}
header {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 999;
  transform: translateX(-50%);
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
}
header div:nth-child(1) {
  width: 1.0329rem;
  height: 0.7813rem;
  margin-left: 0.2604rem;
}
header div:nth-child(1) img {
  width: 100%;
  height: 0.625rem;
  margin-top: 0.0651rem;
}
header div:nth-child(2) {
  margin-right: 0.2604rem;
}
header div:nth-child(2) span {
  font-size: 0.3255rem;
  color: #fff;
  line-height: 0.7813rem;
}
.banna_img {
  width: 500%;
  margin-left: -100%;
  height: 13.3333rem;
}
.banna_img li {
  float: left;
  width: 20%;
  height: 100%;
}
.banna_img li img {
  width: 100%;
  height: 100%;
}
.banna {
  position: relative;
}
.yuan {
  position: absolute;
  bottom: 0.2604rem;
  left: 50%;
  transform: translate(-50%);
}
.yuan li {
  height: 0.1302rem;
  width: 0.1302rem;
  border-radius: 50%;
  background-color: #fff;
  float: left;
  margin: 0 0.026rem;
}
